<template>
    <div class="home">
        <div style="color: orange">领取阿里云通用云产品1888优惠券</div>
        <div style="color: blue">
            https://www.aliyun.com/minisite/goods?userCode=brki8iof
        </div>
        <div style="color: orange">领取腾讯云通用云产品2860优惠券</div>
        <div style="color: blue">
            <a
                href=""></a>https://cloud.tencent.com/redirect.php?redirect=1025&cps_key=198c8df2ed259157187173bc7f4f32fd&from=console
        </div>
        <div style="color: orange">
            阿里云服务器折扣区 >☛☛点我进入☚☚ 腾讯云服务器秒杀区 >☛☛点我进入☚☚
        </div>
        <div style="color: red">
            云产品通用红包，可叠加官网常规优惠使用。(仅限新用户)
        </div>
        <div class="bigbox">
            <div class="left">
                <h2>管理框架</h2>
                <p class="p1">一直想做一款后台管理系统，看了很多优秀的开源项目但是发现没有合适自己 于是利用空闲休息时间开始自己写一套后台系<br>统。如此有了若依管理系统，
                    她可以用于所有的Web应用程序,如网站管理后台,网站会员中心,CMS,CRM,OA等等,
                    当<br>然，您也可以对她进行深度定制，以做出更强系统。所有前端后台代码封装过后十分精简易上手，出错概率低。 同时支持移动客户端访<br>问。系统会陆续更新一些实用功能。
                </p>
                <p class="p2">当前版本: v3.8.9</p>
                <el-button class="top" type="danger" plain><el-icon>
                        <Refresh />
                    </el-icon>免费开源</el-button>
                <div class="top1">
                    <el-button type="primary" plain><el-icon>
                            <UploadFilled />
                        </el-icon>访问码云</el-button>
                    <el-button plain><el-icon>
                            <HomeFilled />
                        </el-icon>访问主页</el-button>
                </div>
            </div>
            <div class="right">

                <h2> 技术选型</h2>

                <div class="box">
                    <div class="leftbox">
                        <br>后端技术<br><br>
                        SpringBoot <br>
                        Spring Security<br>
                        JWT<br>
                        MyBatis<br>
                        Druid<br>
                        Fastjson<br>
                        ...
                    </div>

                    <div class="rightbox">
                        <br>前端技术<br><br>
                        Vue<br>
                        Vuex<br>
                        Element-ui<br>
                        Axios<br>
                        Sass<br>
                        Quill<br>
                        ...
                    </div>
                </div>
            </div>
        </div>

    </div>
</template>

<script setup lang="ts">

</script>

<style scoped>
.bigbox {
    display: flex;
    justify-content: space-between;
    margin-right: 100px;
}

h2 {
    margin-top: 50px;
}

.p1 {
    margin-top: 30px;
}

.p2 {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 700;
}

.top {
    margin-top: 10px;
}

.top1 {
    margin-top: 15px;
}

.right {
    margin-left: 50px;
}

.box {
    display: flex;
}

.rightbox {
    margin-left: 20px;
}
</style>